<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <style>
    
  </style>
</head>
<body>
  
</body>
<script>

  // 13. 一个棋盘，共64个方格，第一个格子放1分钱，第二个格子放2分钱，第三个格子放4分钱，第四个格子放8分钱，第五个格子放16分钱，铺满整个棋盘，共需多少钱（元）

  // 4个格子

  // 1
  // +
  // 1 * 2
  // +
  // 1 * 2 * 2
  // +
  // 1 * 2 * 2 * 2

  var sum = 0;
  for(var i=0; i<64; i++){
    var x = 1;
    for(var j=0; j<i; j++){
      x *= 2;
    }
    sum += x;
  }
  console.log(sum);

  // 同：阶乘的和的思路

  // ===========

  // 循环的嵌套
  // document.write()

  // 打印九九乘法表

  // 1*1=1
  // 1*2=2 2*2=4
  // 1*3=3 2*3=6 3*3=9
  // ......

  // for(var i=1; i<=9; i++){
  //   for(var j=1; j<=i; j++){
  //     document.write( j + "*" + i + "=" + i*j + "&nbsp;&nbsp;" );
  //   }
  //   document.write("<br>")
  // }

  
  // 打印 n 行 m 列的表格

  document.write("<table border='1'>");
  for(var i=0;i<7;i++){
    document.write("<tr>");
    for(var j=0;j<5;j++){
      document.write("<td>"+ i + "-" + j +"</td>");
    }
    document.write("</tr>");
  }
  document.write("</table>");
  
  
  // 问题：在事件内，使用document.write，它会覆盖页面所有内容
  // document.onclick = function(){
  //   document.write(1);
  // }
  
</script>
</html>